<template>
	<view>
		<view class="register_top">
			<view class="cu-form-group">
				<view class="title">姓名</view>
				<input placeholder="姓名" name="input"  @input="name($event)"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">年龄</view>
				<input placeholder="年龄" name="input"  @input="age($event)"></input>
			</view>
			<view class="cu-form-group">
				<view class="title">公司</view>
				<input placeholder="公司" name="input"  @input="company($event)"></input>
				<text class='cuIcon-locationfill text-orange'></text>
			</view>
			<view class="cu-form-group">
				<view class="title">手机号码</view>
				<input placeholder="手机号码" name="input" @input="phone($event)"></input>
				<view class="cu-capsule radius">
					<view class='cu-tag bg-blue '>
						+86
					</view>
					<view class="cu-tag line-blue">
						中国大陆
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	import { mapState } from 'vuex'
	export default {
		data() {
			return {

			}
		},
		methods:{
			//姓名
			name(data){
				console.log(data.detail.value)
			},
			//年龄
			age(data){
				console.log(data.detail.value)
			},
			//手机号
			phone(data){
				console.log(data.detail.value)
			},
			//公司
			company(data){
				console.log(data.detail.value)
			}
		}
	}
</script>

<style lang="less">
	.register_top{
		padding: 20rpx;
		border-radius: 25rpx;
	}
</style>
